.log {
  background-color: #fff;
  height: 100%;
  overflow: auto;
}

.log-detail {
  height: 100%;
  overflow: auto;
  :global(.van-swipe) {
    height: 100%;
  }
  :global(.van-swipe-item) {
    // text-align: center;
    // height: 100%;
  }
  .log-detail-item {
    margin: 0 16px;
    padding: 16px;
    height: calc(100% - 48px);
    background-color: #fff;
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    .log-detail-title {
      padding-bottom: 8px;
      text-align: center;
    }
    .log-detail-date {
      margin: 0 auto 8px;
      width: fit-content;
      padding: 8px 16px;
      border-radius: 5px;
      box-shadow: 0 0px 3px 0 #ccc inset;
    }
    .log-detail-content {
      flex: 1;
      padding: 16px;
      background-color: #efefef;
      box-shadow: 0 0 3px 0 #ccc inset;
      overflow: scroll;
      color: #666;
      .log-detail-content-item {
        display: flex;
        .log-detail-content-item-time {
          min-width: 70px;
        }
        > * {
          line-height: 16px;
        }
      }
    }
  }
}
